<template>
  <div>
    <!-- 导航列表 -->
    <Navigation />
    <!-- 商品分类导航 -->
    <Carousel />
    <!-- 今日推荐 -->
    <AboutUs />
    <!-- 热卖商品 -->
    <HotSale />
    <!-- 猜你喜欢 -->
    <Related />
    <!-- 商品展示 -->
    <ProductShow v-for="item in FloorList" :key="item.id" :list='item'/>
    <!-- 图标 -->
    <Brand/>
  </div>
</template>

<script>
import {mapState} from 'vuex'

import Carousel from "./Carousel";
import AboutUs from "./AboutUs";
import HotSale from "./HotSale";
import Related from "./Related";
import ProductShow from "./ProductShow";
import Brand from './Brand'
export default {
  name: "Home",
  components: {
    Carousel,
    AboutUs,
    HotSale,
    Related,
    ProductShow,
    Brand
  },
  mounted() {
    this.$store.dispatch('FloorList')
  },
  computed: {
    ...mapState({
      FloorList:state => state.home.FloorList
    })
  }
};
</script>

<style scope lang="less"></style>
